﻿@model List<PetKnowledgeModel>
@{
    Layout = null;
    int divHeight = Model.Count * 140;
    long lastid = -1;
    if (Model.Count > 0)
        lastid = Model.Last().id ?? -1;
}
<div id="batchDiv" tag=@divHeight lastid=@lastid datacount=@Model.Count>
@{
        foreach(var item in Model)
        {
            <div style="height:110px;width:700px;float:left;margin-top:30px;">
                <div style="float: left; margin-right:20px;">
                    <a href="/Home/PetKnowledgeContent?id=@item.id" target="_blank">
                    <img src='/file/super/imgs/@item.imgurl' style="width:200px; height:110px;" />
                    </a>
                </div>
                <div style="text-align:left;height:110px;width:480px;float:left;position:relative;">
                    <div style="padding-right:20px;"><a href="/Home/PetKnowledgeContent?id=@item.id" target="_blank" style="word-wrap:break-word;">@item.title</a></div>
                    <div style="margin-top:6px;font-size:15px;color:gray;padding-right:20px;">@item.subtitle</div>
                    <div style="height:20px;position: absolute; bottom:0;color:gray;background-color:#f9f9f9;padding:4px,4px,0,4px;font-size:14px;">@item.species</div>
                </div>
            </div>
        }
 }
</div>